$(function () {
    //将日期格式转换为倒计时形式
    function getCountDown(timestamp, stopTime,stopText,num) {
        let timer = setInterval(function () {
            let nowTime = new Date();
            let endTime = timestamp;

            let t = endTime - nowTime;
            if (t <= 0) {
                stopTime.text("该投票项目已结束");

                switch (num){
                    case 0:
                        stopText.empty()
                        $('<p class="butJump end">已结束</p>').appendTo(stopText)
                        break;
                }
                clearInterval(timer);
                return false;
            }
            let d = Math.floor(t / 1000 / 60 / 60 / 24);
            let hour = Math.floor(t / 1000 / 60 / 60 % 24);
            let min = Math.floor(t / 1000 / 60 % 60);
            let sec = Math.floor(t / 1000 % 60);

            if (hour < 10) {
                hour = "0" + hour;
            }
            if (min < 10) {
                min = "0" + min;
            }
            if (sec < 10) {
                sec = "0" + sec;
            }
            let countDownTime = d + "天" + hour + "小时" + min + "分钟" + sec + "秒";
            stopTime.text(countDownTime)

        }, 1000);
    }

//公共样式
    function userData(Total) {
        function dynamic() {
            $('<div class="port-cord">\n' +
                '    <div class="cord-left">\n' +
                '        <img class="img" src="" alt="">\n' +
                '        <div class="cord-tit">\n' +
                '            <p class="port-name"></p>\n' +
                '            <p>项目发起人：<span class="port-username"></span></p>\n' +
                '        </div>\n' +
                '    </div>\n' +
                '    <div class="cord-right">\n' +
                '        <p>距离投票结束还有：<span class="endTime">0天0小时0分钟0秒</span></p>\n' +
                '        <div class="cord-button">\n' +
                '           <a href="#" class="butJump">\n' +
                '            <div class="button but_jump start">\n' +
                '                <img src="../../images/topiao.png" alt="">\n' +
                '                <p>投票</p>\n' +
                '            </div>\n' +
                '           </a>\n' +
                '        </div>\n' +
                '    </div>\n' +
                '</div>').appendTo($("#portBody"));
        }

        console.log(Total)
        for (let j = 0; j < Total.data.length; j++) {
            dynamic()
            //跳转详情页
            $('#portBody').find(".port-cord .butJump").eq(j).click(() => {
                $('#portBody').find(".port-cord .butJump").eq(j).attr("href", "../detail/userDetailPage.html" + '?id=' + Total.data[j].id);
            })

            //图片展示
            $('#portBody').find(".port-cord .img").eq(j).attr("src", Total.data[j].img);
            //投票名称
            $('#portBody').find(".port-cord .port-name").eq(j).text(Total.data[j].name);
            //项目发起人
            $('#portBody').find(".port-cord .port-username").eq(j).text(Total.data[j].userName);
            //倒计时时间
            //日期转换为时间
            let date = Total.data[j].end_time;
            date = date.substring(0, 19);
            date = date.replace(/-/g, '/');
            let timestamp = new Date(date) //
            getCountDown(timestamp, $('#portBody').find(".port-cord .endTime").eq(j), $('#portBody').find(".port-cord .cord-button").eq(j),0)
        }
    }

    function userDataView(Total) {
        function dynamic() {
            $('<div class="port-cord">\n' +
                '    <div class="cord-left">\n' +
                '        <img class="img" src="" alt="">\n' +
                '        <div class="cord-tit">\n' +
                '            <p class="port-name"></p>\n' +
                '            <p>项目发起人：<span class="port-username"></span></p>\n' +
                '        </div>\n' +
                '    </div>\n' +
                '    <div class="cord-right">\n' +
                '        <p>距离投票结束还有：<span class="endTime">0天0小时0分钟0秒</span></p>\n' +
                '        <div class="cord-button">\n' +
                '           <a href="#" class="butJump">\n' +
                '            <div class="button but_jump lookUp">\n' +
                '                <img src="../../images/disblock2.png" alt="">\n' +
                '                <p>查看</p>\n' +
                '            </div>\n' +
                '           </a>\n' +
                '        </div>\n' +
                '    </div>\n' +
                '</div>').appendTo($("#portBody"));
        }

        console.log(Total)
        for (let j = 0; j < Total.data.length; j++) {
            dynamic()
            //跳转详情页
            $('#portBody').find(".port-cord .butJump").eq(j).click(() => {
                $('#portBody').find(".port-cord .butJump").eq(j).attr("href", "../detail/userDetailPage.html" + '?id=' + Total.data[j].id);
            })

            //图片展示
            $('#portBody').find(".port-cord .img").eq(j).attr("src", Total.data[j].img);
            //投票名称
            $('#portBody').find(".port-cord .port-name").eq(j).text(Total.data[j].name);
            //项目发起人
            $('#portBody').find(".port-cord .port-username").eq(j).text(Total.data[j].userName);
            //倒计时时间
            //日期转换为时间
            let date = Total.data[j].end_time;
            date = date.substring(0, 19);
            date = date.replace(/-/g, '/');
            let timestamp = new Date(date) //
            getCountDown(timestamp, $('#portBody').find(".port-cord .endTime").eq(j), $('#portBody').find(".port-cord .cord-button").eq(j),1)
        }
    }
//加载效果
    function load() {
        $('<div class="port-cord loading">\n' +
            '<img src="../../images/loading.gif"> \n' +
            ' <p>加载中...</p>  \n' +
            '</div>').appendTo($("#portBody"));
    }


//    首次进入加载数据
    $(document).ready(() => {
        let userIndexData;
        userIndexData = Interceptor('/startProject', 'get', {
            "currPage": $(".active").text()
        })
        let pageCount = userIndexData['data'].last_page, //页码总数
            pageNum = 1; //当前页码


        if (pageCount == 0) {
            pageCount = 1;
            $(".port-body").text("暂时没有投票项目让您参与，敬请期待:)");
        } else {
            userData(userIndexData["data"]);
        }
        //    点击相应页码展示相应数据
        for (let i = 0; i < pageCount; i++) {
            $("<li><a href='javascript:;'>" + pageNum++ + "</a></li>").appendTo($('#hiddy'));
            $('#hiddy li a:first').addClass('active');
            $("#hiddy").find("li a").eq(i).click(() => {
                $("#portBody").empty();
                for (let j = 0; j < pageCount; j++) {
                    $("#hiddy").find("li a").eq(j).removeClass("active");
                }
                $("#hiddy").find("li a").eq(i).addClass("active");
                userIndexData = Interceptor('/startProject', 'get', {
                    "currPage": $("#hiddy").find("li a").eq(i).text()
                })
                if (userIndexData["data"].last_page == 0) {
                    $(".port-body").text("暂时没有投票项目让您参与，敬请期待:)");
                } else {
                    //    点击相应页码展示相应数据
                    if (userIndexData["data"]) {
                        load();
                        setTimeout(() => {
                            userData(userIndexData["data"]);
                            $(".loading").remove();
                        }, 1000)
                    } else {
                        load();
                    }
                }
            })
        }
        $('.but-left').click(() => {
            $("#portBody").empty();
            let userIndexData;
            userIndexData = Interceptor('/startProject', 'get', {
                "currPage": 1
            })
            let pageCount = userIndexData['data'].last_page, //页码总数
                num = $(".active").html() - 2;
            for (let j = 0; j < pageCount; j++) {
                $("#hiddy").find("li a").eq(j).removeClass("active");
            }
            if (num < 0) {
                num = 0
            }
            $("#hiddy").find("li a").eq(num).addClass("active");
            if (pageCount == 0) {
                $(".port-body").text("暂时没有你的参与数据，快去参与投票以获取投票数据");
            } else {
                if (userIndexData["data"]) {
                    load();
                    setTimeout(() => {
                        userData(userIndexData["data"]);
                        $(".loading").remove();
                    }, 1000)
                } else {
                    load();
                }

            }


        })

        $('.but-right').click(() => {
            $("#portBody").empty();
            let userIndexData;
            userIndexData = Interceptor('/startProject', 'get', {
                "currPage": $(".active").text()
            })
            let pageCount = userIndexData['data'].last_page, //页码总数
                num = $(".active").html();
            for (let j = 0; j < pageCount; j++) {
                $("#hiddy").find("li a").eq(j).removeClass("active");
            }
            if (num == pageCount) {
                num = pageCount - 1
            } else if (num == 0) {
                alert("暂时没有多余投票数据")
            }

            $("#hiddy").find("li a").eq(num).addClass("active");

            if (pageCount == 0) {
                $(".port-body").text("暂时没有你的参与数据，快去参与投票以获取投票数据");
            } else {
                if (userIndexData["data"]) {
                    load();
                    setTimeout(() => {
                        userData(userIndexData["data"]);
                        $(".loading").remove();
                    }, 1000)
                } else {
                    load();
                }
            }


        })
    })
    //已开始的投票
    $('.conduct').click(() => {
        $("#portBody").empty();
        $('.conduct').parent().addClass("liActive");
        $('.participate').parent().removeClass("liActive");
        $('#hiddy').empty();
        let userIndexData;
        userIndexData = Interceptor('/startProject', 'get', {
            "currPage": $('#hiddy li a:first').text()
        })


        let pageCount = userIndexData['data'].last_page, //页码总数
            pageNum = 1; //当前页码

        if (pageCount == 0) {
            pageCount = 1;
            $(".port-body").text("暂时没有投票项目让您参与，敬请期待:)");
        } else {
            userIndexData = Interceptor('/startProject', 'get', {
                "currPage": $(".active").text()
            })
            if (userIndexData["data"]) {
                load();
                setTimeout(() => {
                    userData(userIndexData["data"]);
                    $(".loading").remove();
                }, 1000)
            } else {
                load();
            }
        }
        //    点击相应页码展示相应数据
        for (let i = 0; i < pageCount; i++) {
            $("<li><a href='javascript:;'>" + pageNum++ + "</a></li>").appendTo($('#hiddy'));
            $('#hiddy li a:first').addClass('active');
            $("#hiddy").find("li a").eq(i).click(() => {
                $("#portBody").empty();
                for (let j = 0; j < pageCount; j++) {
                    $("#hiddy").find("li a").eq(j).removeClass("active");
                }
                $("#hiddy").find("li a").eq(i).addClass("active");

                userIndexData = Interceptor('/startProject', 'get', {
                    "currPage": $("#hiddy").find("li a").eq(i).text()
                })
                if (userIndexData["data"].last_page == 0) {
                    $(".port-body").text("暂时没有投票项目让您参与，敬请期待:)");
                } else {
                    if (userIndexData["data"]) {
                        load();
                        setTimeout(() => {
                            userData(userIndexData["data"]);
                            $(".loading").remove();
                        }, 1000)
                    } else {
                        load();
                    }
                }
            })
        }

        $('.but-left').click(() => {
            $("#portBody").empty();
            setTimeout(() => {
                $("#portBody").empty();
            }, 1000)
            let userIndexData;
            userIndexData = Interceptor('/startProject', 'get', {
                "currPage": 1
            })
            let pageCount = userIndexData['data'].last_page, //页码总数
                num = $(".active").html() - 2;
            for (let j = 0; j < pageCount; j++) {
                $("#hiddy").find("li a").eq(j).removeClass("active");
            }
            if (num < 0) {
                num = 0
            }
            $("#hiddy").find("li a").eq(num).addClass("active");
            if (pageCount == 0) {
                $(".port-body").text("暂时没有你的参与数据，快去参与投票以获取投票数据");
            } else {
                let userIndexData;
                userIndexData = Interceptor('/startProject', 'get', {
                    "currPage": $(".active").text()
                })
                if (userIndexData["data"]) {
                    load();
                    setTimeout(() => {
                        userData(userIndexData["data"]);
                        $(".loading").remove();
                    }, 1000)
                } else {
                    load();
                }

            }


        })

        $('.but-right').click(() => {
            $("#portBody").empty();
            setTimeout(() => {
                $("#portBody").empty();
            }, 1000)
            let first;
            first = Interceptor('/startProject', 'get', {
                "currPage": 1
            })
            let pageCount = first['data'].last_page, //页码总数
                num = $(".active").html();
            for (let j = 0; j < pageCount; j++) {
                $("#hiddy").find("li a").eq(j).removeClass("active");
            }
            if (num == pageCount) {
                num = pageCount - 1
            }
            $("#hiddy").find("li a").eq(num).addClass("active");
            if (pageCount == 0) {
                $(".port-body").text("暂时没有你的参与数据，快去参与投票以获取投票数据");
            } else {
                let userIndexData;
                userIndexData = Interceptor('/startProject', 'get', {
                    "currPage": $(".active").html()
                })
                if (userIndexData["data"]) {
                    load();
                    setTimeout(() => {
                        userData(userIndexData["data"]);
                        $(".loading").remove();
                    }, 1000)
                } else {
                    load();
                }
            }
        })
    })
    //用户参与投票
    $('.participate').click(() => {
        $("#portBody").empty();
        $('.participate').parent().addClass("liActive");
        $('.conduct').parent().removeClass("liActive");
        $('#hiddy').empty();
        let userIndexData;
        userIndexData = Interceptor('/takePartIn', 'get', {
            "currPage": 1
        })
        let pageCount = userIndexData['data'].last_page, //页码总数
            pageNum = 1; //当前页码

        if (pageCount == 0) {
            pageCount = 1;
            $(".port-body").text("暂时没有你的参与数据，快去参与投票以获取投票数据");
        } else {
            userIndexData = Interceptor('/takePartIn', 'get', {
                "currPage": $(".active").text()
            })
            if (userIndexData["data"]) {
                load();
                setTimeout(() => {
                    userDataView(userIndexData["data"]);
                    $(".loading").remove();
                }, 1000)
            } else {
                load();
            }

        }

        for (let i = 0; i < pageCount; i++) {
            $("<li><a href='javascript:;'>" + pageNum++ + "</a></li>").appendTo($('#hiddy'));
            $('#hiddy li a:first').addClass('active');
            $("#hiddy").find("li a").eq(i).click(() => {
                $("#portBody").empty();
                for (let j = 0; j < pageCount; j++) {
                    $("#hiddy").find("li a").eq(j).removeClass("active");
                }

                $("#hiddy").find("li a").eq(i).addClass("active");
                userIndexData = Interceptor('/takePartIn', 'get', {
                    "currPage": $("#hiddy").find("li a").eq(i).text()
                })
                if (userIndexData["data"].last_page == 0) {
                    $(".port-body").text("暂时没有你的参与数据，快去参与投票以获取投票数据");
                } else {
                    if (userIndexData["data"]) {
                        load();
                        setTimeout(() => {
                            userDataView(userIndexData["data"]);
                            $(".loading").remove();
                        }, 1000)
                    } else {
                        load();
                    }
                }


            })
        }

        $('.but-left').click(() => {
            setTimeout(() => {
                $("#portBody").empty();
            }, 1000)
            $("#portBody").empty();
            let first;
            first = Interceptor('/takePartIn', 'get', {
                "currPage": 1
            })
            let pageCount = first['data'].last_page, //页码总数
                num = $(".active").html() - 2;
            for (let j = 0; j < pageCount; j++) {
                $("#hiddy").find("li a").eq(j).removeClass("active");
            }
            if (num < 0) {
                num = 0
            }
            $("#hiddy").find("li a").eq(num).addClass("active");
            if (pageCount == 0) {
                $(".port-body").text("暂时没有你的参与数据，快去参与投票以获取投票数据");
            } else {
                userIndexData = Interceptor('/takePartIn', 'get', {
                    "currPage": $(".active").html()
                })
                if (userIndexData["data"]) {
                    load();
                    setTimeout(() => {
                        userDataView(userIndexData["data"]);
                        $(".loading").remove();
                    }, 1000)
                } else {
                    load();
                }
            }
        })

        $('.but-right').click(() => {
            setTimeout(() => {
                $("#portBody").empty();
            }, 1000)
            $("#portBody").empty();
            let first;
            first = Interceptor('/takePartIn', 'get', {
                "currPage": 1
            })
            let pageCount = first['data'].last_page, //页码总数
                num = $(".active").html();
            for (let j = 0; j < pageCount; j++) {
                $("#hiddy").find("li a").eq(j).removeClass("active");
            }
            if (num == pageCount) {
                num = pageCount - 1
            }
            $("#hiddy").find("li a").eq(num).addClass("active");

            if (pageCount == 0) {
                $(".port-body").text("暂时没有你的参与数据，快去参与投票以获取投票数据");
            } else {
                userIndexData = Interceptor('/takePartIn', 'get', {
                    "currPage": $(".active").html()
                })
                if (userIndexData["data"]) {
                    load();
                    setTimeout(() => {
                        userDataView(userIndexData["data"]);
                        $(".loading").remove();
                    }, 1000)
                } else {
                    load();
                }
            }

        })
    })




    
})